//函数封装
(function(w) {
	console.log("会不会自动运行")
	//实例化参数
	var layer = layui.layer;
	var $ = layui.jquery;
	//树形加载	
	var tree = layui.tree;
	var util = layui.util
	//函数封装
	var pageMain = {
		//入口方法
		initMain: function() {
			//基本演示
			pageInit.initBase();
			//基本演示事件
			pageEvent.baseEvent();
			//常规用法
			pageInit.initNormal();
			//常规用法参数对比
			pageInit.initNormal1();
			pageInit.initNormal2();
			pageInit.initNormal3();
			pageInit.initNormal4();
			pageInit.initNormal5();
			pageInit.initNormal6();
		},
	}
	//页面初始化
	var pageInit = {
		//基本效果
		initBase: function() {
			//基本演示
			tree.render({
				elem: '#test12',
				data: data,
				showCheckbox: true, //是否显示复选框
				id: 'demoId1',
				isJump: true ,//是否允许点击节点时弹出新窗口跳转
				click: function(obj) {
					var data = obj.data; //获取当前点击的节点数据
					layer.msg('状态：' + obj.state + '<br>节点数据：' + JSON.stringify(data));
				}
			});

		},
		//常规用法
		initNormal: function() {
			tree.render({
				elem: '#test1', //默认是点击节点可进行收缩
				data: data1,
				showLine: true, //是否开启连接线
			});
		},
		//常规用法参数对比
		initNormal1: function() {
			tree.render({
				elem: '#test1-1', //默认是点击节点可进行收缩
				data: data1,
				showLine: false, //是否开启连接线
			});
		},
		//常规用法参数对比
		initNormal2: function() {
			tree.render({
				elem: '#test1-2', //默认是点击节点可进行收缩
				data: data1,
				onlyIconControl: true, //是否仅允许节点左侧图标控制展开收缩
			});
		},
		//常规用法参数对比
		initNormal3: function() {
			tree.render({
				elem: '#test1-3', //默认是点击节点可进行收缩
				data: data1,
				accordion: true //手风琴模式
			});
		},
		initNormal4: function() {
			tree.render({
				elem: '#test1-4', //默认是点击节点可进行收缩
				data: data3,
				isJump: true //href跳转
			});
		},
		initNormal5: function() {
			tree.render({
				elem: '#test1-5', //默认是点击节点可进行收缩
				data: data3,
				showCheckbox: true //href跳转
			});
		},
		initNormal6: function() {
			tree.render({
				elem: '#test1-6', //默认是点击节点可进行收缩
				data: data3,
				edit: ['add', 'update', 'del'], //操作节点的图标
				click: function(obj){
				      layer.msg(JSON.stringify(obj.data));
				    }
			});
		},
	}
	//页面事件绑定
	var pageEvent = {
		//基本演示的事件
		baseEvent: function() {
			//按钮事件
			util.event('lay-demo', {
				getChecked: function(othis) {
					var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据

					layer.alert(JSON.stringify(checkedData), {
						shade: 0
					});
					console.log(checkedData);
				},
				setChecked: function() {
					tree.setChecked('demoId1', [12, 16]); //勾选指定节点
				},
				reload: function() {
					//重载实例
					tree.reload('demoId1', {

					});

				}
			});
		}

	}
	//页面其他公共资源
	var pageTool = {

	}


	w.pagMain = pageMain;

})(window);

//入口，想但与jq的$.ready
layui.layer.ready(function() {
	pagMain.initMain();
})
